body
{
background-attachment:scroll;
background-color:#aaa;
background-position:left top;
background-repeat:repeat;
}

h1
{
color:#00000;
text-align:center;
}

p
{
font-family:"Times New Roman";
font-size:14px;
color:#000000;
}

/* Customize your tables and table cells using classes and id's */
table
{
  border-collapse:collapse;
  border:none;
}

a
{
color:#575757;
}

a:hover
{
color:silver;
}

input
{
width:80px;
}

hr
{
margin:20px;
}

legend
{
color:#FFFFFF;
font-style:italic;
font-size:30px;
}

div.column_set
{
  display: table;
}

div.column
{
  display: table-cell;
  vertical-align: top;
}

#runko .column_set
{
  width: 100%;
  overflow: hidden;
}

#runko .column_set .column
{
  height: 550px;
}

#personInfo
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
-moz-border-radius: 12px 12px 0px 0px;
border-radius: 12px 12px 0px 0px;
}
#personInfo td, #personInfo th 
{
font-size:1em;
border:1px solid #696969;
padding:3px 7px 2px 7px;
max-width: 80px;
word-wrap: break-word;
}

thead{
-moz-border-radius: 12px 12px 0px 0px;
border-radius: 12px 12px 0px 0px;
}

#personInfo th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:silver;
color:#000;
cursor:pointer;
}

#personInfo .unsortable{
cursor:auto;
}

.first{
-moz-border-radius: 12px 0px 0px 0px;
border-radius: 12px 0px 0px 0px;
}

.last{
-moz-border-radius: 0px 12px 0px 0px;
border-radius: 0px 12px 0px 0px;
}

#personInfo tr.alt td 
{
color:#000000;
background-color:#EAF2D3;
}

#personInfo tbody{
background-color:#FFFFFF;
}

#kokosivu
{
margin: 0 auto;
/*float:left;*/
width:1024px;
}

#runko
{
background-color: #69b;//rgba(255,255,255,1.0);
/*
width:990px;
*/
padding:10px;
-moz-border-radius: 0px 35px 35px 35px;
border-radius: 0px 35px 35px 35px;
}

.document
{
margin-left:5px;
margin-right:5px;
height: 100%;
/*
min-width:500px;
min-height:450px;*/
background-color:#F4F4F4;
border-style:solid;
border-width:medium;
border-color:#696969;
text-align:justify;
/* removed for debugging by Ats
overflow-y:hidden;*/
-moz-border-radius: 0px 0px 0px 35px;
border-radius: 0px 0px 0px 35px;
}

#korvattava
{
  height: 600px;
  overflow-y: scroll;
}

/* #delete_btn_container is a div for delete button in file_management.php:ssa */
div#delete_btn_container
{
  padding-left: 10px;
  padding-top: 5px;
}

.helpfield{
float:left;
display:block;
width:45%;
height:30%;
}

#uploadTools{
position:relative;
float:left;
display:block;
width:95%;
height:60%;
min-height:200px;
}


#uploadframe{
overflow-y:auto !important;
}

#filemanag{
min-width: 400px;
height: 94%;
overflow-y:scroll;
-moz-border-radius: 15px 15px 5px 15px;
border-radius: 15px 15px 5px 15px;
}

#filemanag .status {
	font-size: 8pt;
}

span.status span.status_unprocessed {
	color: red;
}

span.status span.status_processed {
	color: #dc0;
}

span.status span.status_done {
	color: green;
}


#document p
{
padding:5px;
}

#controls
{
margin-left:1px;
margin-right:1px;
height: 97%;
max-height: 650px;
min-width: 400px;
position: relative;
padding:10px;
border-style:solid;
border-width:1px;
text-align:justify;
/* removed for testing purposes by Ats
overflow-y:auto !important;*/
-moz-border-radius: 35px;
border-radius: 35px;
background-color:#fff;
}

#settings, #login_form, #uploadFrame{
float:center;
margin-left:1px;
margin-right:5px;
width:93%;
height:90%;
padding:25px;
border-style:solid;
border-width:1px;
text-align:justify;
overflow-y:auto !important;
-moz-border-radius: 35px;
border-radius: 35px;
background-color:rgba(255,255,255,0.95);
}

#navigointipalkki 
{
height:25px;
display:block;
-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;
}


#variaabelitaulu 
{
background-color:#F4F4F4;
overflow-y:scroll !important;
height:90%;
min-height:300px;
-moz-border-radius: 35px 35px 5px 5px;
border-radius: 35px 35px 5px 5px;
}

#toggle1
{
height:95%;
}

#controlDiv 
{
height:95%;
-moz-border-radius: 35px;
border-radius: 35px;
}

#controlDiv legend
{
  color: black;
}

#replacer th
{
width:100%;
}

.headerbutton{
width:100%;
height:100%;
}

.valilehtinen {
font-size:15px;
font-weight:bold;
margin:0;
padding:0 0 0 15px;
text-decoration:none;
text-indent:0;
width:inherit;
}

#navigointipalkki ul.valilehdet {
display:block;
left:131px;
margin:0;
padding:0;
top:189px;
width:900px;
}

#testi{
font-size:60px;
font-weight:bold;
}

#helpicon{
width:10px;
height:10px;
background-image:url('graphics/question_icon.jpg');
}

#column_1{
margin-left:10px;
}

#color-legend{
padding:15px;
position: absolute;
bottom:10px;
background-color:rgba(200,200,200,0.75);
-moz-border-radius: 35px;
border-radius: 35px;
}

#myDiv{
text-align:left
color:#FFFFFF;
}

#buttonDiv {
float:left;
}
#username
{
color:black;
float:right;
}
#logout{
float:right;
}



.hilight{
background-color:silver;
}

.korostettusarake
{
background-color:#EEEEEE;
}

.kuva
{
float:right;
border:0;
}

.nykysivu{
color:brown;
}

.sortable
{
background-image:url("bg.gif");
background-repeat:no-repeat;
background-position:right;
}

.headerSortDown
{
background-image:url("desc.gif");
}

.headerSortUp
{
background-image:url("asc.gif");
}

ul.valilehdet li {
border-top-right-radius:50px 25px;
-moz-border-radius-topright:50px 25px;
border-top-left-radius:50px 25px;
-moz-border-radius-topleft:50px 25px;
background-color: #69b;// rgba(180,221,245,0.5);
/*background-color:#DDDDDD;*/
display:block;
float:left;
height:22px;
margin:0;
padding:0 14px 0 0;
font-size:15px;
font-weight:bold;
}

div.demo
{
margin: 15px;
}

#demo-frame > div.demo1
{
padding: 10px !important;
}

